<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>有间 - 个人中心</title>

    <link href="/static/index/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/index/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="/static/index/vendor/devicons/css/devicons.min.css" rel="stylesheet">
    <link href="/static/index/vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
    <link href="/static/index/css/main.css" rel="stylesheet">
    <link href="/static/index/css/resume.min.css" rel="stylesheet">


    <link rel="stylesheet" href="/static/index/css/jquery.pagination.css">
    <link rel="stylesheet" href="/static/index/css/page1.css">
    <link rel="stylesheet" href="/static/index/css/css.css">
    <link rel="stylesheet" href="/static/index/css/main2.css">
  </head>

  <body id="page-top">

    <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
      <a href="{{ url_for('index_blue.index') }}"><img src="/static/index/images/logo.png" style="float:left;width:300px;height:80px;vertical-align:0px;margin-left: 40px;"></a> 
      <a class="navbar-brand js-scroll-trigger" href="#interests">
        <span class="d-block d-lg-none">Start Bootstrap</span>
        <span class="d-none d-lg-block">
          {% if not user.avatar_url %}
          <img class="now_user_pic" src="/static/_files/ui-sam.jpg" alt="">
          {% else %}
          <img class="now_user_pic" src="{{ user.avatar_url }}" alt="">
          {% endif %}
        </span>
      </a>
        <br>
        <br>
        <br>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav">
          <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#about"><h4>我的主页</h4></a>
          </li>
          <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#experience"><h4>我的喜欢</h4></a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#skills"><h4>密码管理</h4></a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#interests"><h3>我的</h3></a>
          </li>


        </ul>
        
        

      </div>
    </nav>

    <div class="container-fluid p-0">

      <section class="resume-section p-3 p-lg-5 d-flex d-column" id="about">
          <div class="user_homepage">
            <br>
            <br>
            <h3 style="color:black">我的主页</h3>
            
            <hr>
            <!-- <button class="compile">编辑</button> -->
            <a href="#interests" class="compile">编辑> </a>
            <div class="show">
                <div class="vip">
                    {% if user.vip %}
                    <img src="/static/index/images/vip3.png" alt="">
                    {% endif %}
                </div>
                <div class="info_window">
                  
                  <h3 style="color: rgb(233, 80, 80)">{{ user.nick_name }}</h3>
                  <h4 style="color: rgb(121, 164, 214)">手机号：{{ user.mobile }}</h4>
                  <br>
                  {% if user.signature %}
                  <span style="color: rgb(31, 15, 15)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ user.signature }}</span></br>
                  {% else %}
                  <span style="color: rgb(31, 15, 15)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这家伙很懒什么都没留下...</span></br>
                  {% endif %}

                </div>  
            </div>
            <hr>
            <hr>
  
            <div class="parameter">
                <div class="parameter_name">
                    <img src="/static/index/images/vip2.png" alt="" class="list_icon">
                    <h4 class="list">我的vip</h4>
                </div>
                <div class="data">
                    {% if not user.vip %}
                    <a href="{{ url_for('user_blue.pay_info') }}"><span style="font-size: 14px;">去开通>></span></a>
                    {% else %}
                    <span style="font-size: 14px;">到期时间:{{ user.vip_create_time }}</span>    
                    {% endif %}    
                </div>
            </div>
            <hr>
            <div class="parameter">
                <div class="parameter_name">
                    <img src="/static/index/images/integral.jpg" alt="" class="list_icon">
                    <h4 class="list">我的积分</h4>
                </div>
                <div class="data">
                    <span style="font-size: 14px;">{{ user.integral }} 积分</span>
                </div>
            </div>
            <hr>
            <div class="parameter">
                <div class="parameter_name">
                    <img src="/static/index/images/m.png" alt="" class="list_icon">
                    <h4 class="list">开通VIP</h4>
                </div>
                <div class="payment" style="width: 150px;
                height: 40px;
                  float: right;
                  text-align: center;
                  line-height: 40px;
                  margin: 10px;">
                    <!--<a href="{{ url_for('user_blue.pay_info') }}">-->
                        <!--<img src="/static/index/images/money2.png" alt="">-->
                    <!--</a>-->
                    <a href="{{ url_for('user_blue.wx_pay') }}" target="_blank"><img src="/static/index/images/WX.png" alt=""></a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="{{ url_for('user_blue.pay_info') }}" target="_blank"><img src="/static/index/images/ZFB.png" alt=""></a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="{{ url_for('user_blue.other_pay') }}" target="_blank"><img src="/static/index/images/money3.jpg" alt=""></a>
                </div>

            </div>
            
            
          </div>

      </section>

        <!--喜欢文章-->
      <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="experience">
        <h3 style="color:black">我的喜欢</h3>
          <hr>
            <ul class="csQuery" id="csQuery">
                {% for article in like_article %}
                <li data-type="4" class="csli" style="text-align:center"> <a class="cslPic" href="{{ url_for('index_blue.detail', news_id= article.news.id) }}" target="_blank"><img src="{{ article.news.index_image_url }}" alt="" width="273" height="205" title="title" /></a>
                <a class="cslName" href="{{ url_for('index_blue.detail', news_id= article.news.id) }}" target="_blank">{{ article.news.title }}</a>
                <div class="cslDate"></div>
                <!--<div class="cslSum">-->
                  <!--{{ article.news.digest }}-->
                <!--</div>-->
                <a class="cslLink" href="{{ url_for('index_blue.detail', news_id= article.news.id) }}"></a>
                </li>
                {% endfor %}
            </ul>

          <div id="pagination" class="page">
           <div class="ui-pagination-container">

               <a href="{{ url_for('.user_info') }}?page=1#experience" class="ui-pagination-page-item" >首页</a>

               {% if paginate.has_prev%}
               <a href="{{ url_for('.user_info') }}?page={{ paginate.prev_num }}#experience" class="ui-pagination-page-item" >上一页</a>
               {% endif %}
               {% for num in paginate.iter_pages() %}
                   {% if num == paginate.page %}
                    <a href="#" class="ui-pagination-page-item active" >{{ num }}</a>
                   {% else %}
                    <a href="{{ url_for('.user_info') }}?page={{ num }}#experience" class="ui-pagination-page-item" >{{ num }}</a>
                   {% endif %}

               {% endfor %}
                {% if paginate.has_next%}
               <a href="{{ url_for('.user_info') }}?page={{ paginate.next_num }}#experience" class="ui-pagination-page-item" >下一页</a>
                {% endif %}
               <a href="{{ url_for('.user_info') }}?page={{ paginate.pages }}#experience" class="ui-pagination-page-item" >尾页</a>
           </div>
       </div>
      </section>

        <!--密码修改-->
      <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="skills">
        <form class="pass_info">
          <h3>密码修改</h3>
          <br>
          <br>
          <br>
          <br>
          <br>
          <div class="form-group">
              <label>当前密码：</label>
              <input type="password" name="" class="input_txt" id="old_password">
          </div>
          <div class="form-group">
              <label>新密码：</label>
              <input type="password" name="" class="input_txt" id="new_password">
          </div>
          <div class="form-group">
              <label>确认密码：</label>
              <input type="password" name="" class="input_txt" id="new_password2">
          </div>
         <div class="error_tip">提示信息</div>
          <div class="form-group">
              <input type="submit" value="保 存" class="input_sub" style="background-color:#F7A280;">
          </div>
        </form>
      </section>

        <!--信息修改-->
      <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="interests">
        <form class="base_info">
          <h3>个人信息</h3>
          <hr>
          <br>
          <br>
          <div class="form-group">
            <label class="label01">我的头像：</label>
            {% if not user.avatar_url %}
            <img src="/static/_files/ui-sam.jpg" alt="用户图片" class="now_user_pic">
            {% else %}
            <img src="{{ user.avatar_url }}" alt="用户图片" class="now_user_pic">
            {% endif %}
          </div>
          <div class="form-group">
              <label>上传头像：</label>
              <input type="file" name="avatar"  class="input_file">
          </div>
          
          <div class="form-group">
            <label>我的昵称：</label>
            <input id="nick_name" type="text" name="nick_name" class="input_txt" value="{{ user.nick_name }}">
          </div>

          <div class="form-group">
            <label>我的留言：</label>
            {% if not user.signature %}
            <input id="signature" type="text" name="signature" class="input_txt" value="这家伙很懒什么都没留下...">
            {% else %}
            <input id="signature" type="text" name="signature" class="input_txt" value="{{ user.signature}}">
            {% endif %}
          </div>
          
          <div class="form-group">
              <label>性别：</label>
              {% if user.gender == "MAN" %}
              <input class="gender" type="radio" name="gender" checked="checked" value="MAN"> <b>男</b>&nbsp;&nbsp;&nbsp;&nbsp;
              <input class="gender" type="radio" name="gender" value="WOMAN">  <b>女</b>
              {% else %}
              <input class="gender" type="radio" name="gender" value="MAN"> <b>男</b>&nbsp;&nbsp;&nbsp;&nbsp;
              <input class="gender" type="radio" name="gender" checked="checked" value="WOMAN">  <b>女</b>
              {% endif %}
          </div>
          <div class="form-group">
              <input type="submit" value="保 存" class="input_sub" style="background-color:#F7A280;">
          </div>
      </form>
      </section>

    </div>
    <!--<script src="/static/index/js/main.js"></script>-->
    <script src="/static/index/js/jquery-1.12.4.min.js"></script>
    <script src="/static/index/vendor/jquery/jquery.min.js"></script>
    <script src="/static/index/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="/static/index/vendor/jquery-easing/jquery.easing.min.js"></script>
    <script src="/static/index/js/resume.min.js"></script>
    <script src="/static/index/js/jquery.form.min.js"></script>
    <script src="/static/index/js/user_info.js"></script>
    <script src="/static/index/js/pwd_info.js"></script>



  </body>

</html>
